﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <!-- <div id="dv">
        <ul>
            <li v-for="arr in arrs">{{ arr }}</li>
        </ul>
        <ul>
            <li v-for="(li,index) in lists">{{index+1}}.{{li.name}}-{{li.age}}</li>
        </ul>
        <div v-for="(li,index) in lists">
            <div v-for="(key,value) in li">{{key}}-{{value}}</div>
        </div>
    </div> -->
    <!-- <div id="app" @click="change">{{title}}</div>
    <div id="ppa">{{title}}</div> -->
    <div id="vue2">
        <lzx></lzx>
    </div>
    <script src="js/vue.js"></script>
    <!-- <script>
         new Vue({
            el:"#dv",
            data:{
                arrs:["小明","小红","小兰","小绿"],
                lists:[
                    {name:"zs",age:18,sex:"男"},
                    {name:"ls",age:18,sex:"女"},
                    {name:"ww",age:18,sex:"男"}
                ]
            }
        })
    </script> -->
    <!-- <script>
        var one=new Vue({
            el:"#app",
            data:{
                title:"第一个标签"
            },
            methods: {
                change:function(){
                    two.title="你好"
                }
            },
            computed: {
                
            },
        })
        var two=new Vue({
            el:"#ppa",
            data:{
                title:"第二个标签"
            },
            methods: {
                
            },
            computed: {
                
            },
        })
    </script> -->
    <script>
        Vue.component("lzx",{
            template:'<p>{{name}}大家好，我是渣渣辉，是兄弟就来砍我</p>',
            data:function(){
                return{
                    name:"张家辉:"
                }
            }
        })
        new Vue({
            el:"#vue2"
        })
    </script>
</body>
</html>